/* 改变主题色变量 */
$--color-primary: #2c72f3;
$--color-success: #17cc7a;
$--color-warning: #ffb100;
$--color-danger: #f94d47;
$--color-info: #999999;

th.el-table__cell[colspan='1'] {
  background-color: #f5f7fa;
  font-weight: 700;
}

// 日期选择样式有问题，不会自适应中间文字宽度，这里给一个合适的最小宽度
.el-date-editor .el-range-separator {
  min-width: 9%;
}

.el-tooltip__popper {
  max-width: 800px;
}

.el-badge__content {
  border: none;
}

.el-popconfirm__main {
  margin-bottom: 10px;
}

.el-input.is-disabled .el-input__inner,
.el-textarea.is-disabled .el-textarea__inner,
.el-range-editor.is-disabled input {
  background-color: #f5f5f5;
  border-color: #dbdbdb;
  color: #999;
}

.el-empty {
  height: 100%;
}

.el-input__inner::placeholder {
  font-size: 14px !important;
}

/** 分页样式 */
.el-pagination {
  color: #666666;
  font-weight: 400;
}

// 按钮样式
.el-button.el-button--info {
  background-color: #f1f3f5;
  border-color: #f1f3f5;
  color: #333;
  &:hover,
  &:focus {
    background-color: #eee;
    border-color: #eee;
  }
}
.el-button.el-button--info.is-disabled {
  color: #999;
}

// 图片预览器
.el-image-viewer__canvas {
  img {
    width: auto;
  }
}

// 滚动条
.el-scrollbar__bar .el-scrollbar__thumb {
  background-color: var(--blue);
  opacity: 0.5;
}

.el-scrollbar__bar:hover .el-scrollbar__thumb {
  background-color: var(--blue);
  opacity: 0.7;
}
